*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
:root{--gold:#C8A96A;--black:#1f1f1f;--white:#fff}

body{
font-family:Poppins,sans-serif;
background:#faf8f5;
color:#222
}

header{
position:fixed;top:0;left:0;width:100%;
display:flex;justify-content:space-between;align-items:center;
padding:20px 8%;
background:rgba(0,0,0,.6);
backdrop-filter:blur(8px);
z-index:1000
}

.logo{font-size:28px;font-family:"Playfair Display";color:#fff}

nav a{
color:#fff;text-decoration:none;margin-left:35px;
transition:.3s
}
nav a:hover{color:var(--gold)}

.hero{height:100vh;position:relative;overflow:hidden}
.hero img{width:100%;height:100%;object-fit:cover}

.overlay{
position:absolute;inset:0;
background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.55));
display:flex;flex-direction:column;justify-content:center;align-items:center;
text-align:center;color:#fff;padding:20px
}

.overlay h1{
font-family:"Playfair Display";
font-size:70px;margin-bottom:20px
}

.overlay p{font-size:22px;max-width:700px;margin-bottom:40px}

.btn{
padding:16px 40px;background:var(--gold);color:#fff;
border-radius:50px;text-decoration:none;font-weight:600;
transition:.3s
}
.btn:hover{transform:translateY(-4px)}

section{padding:100px 9%}
.title{text-align:center;font-size:42px;margin-bottom:60px;font-family:"Playfair Display"}

.about{
display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center
}
.about img{width:100%;border-radius:20px}
.about h2{font-size:40px;margin-bottom:20px}
.about p{line-height:1.9;color:#555}

#why-choose-us {
  padding: 60px 20px;
}

.title {
  text-align: center;
  margin-bottom: 40px;
}


.cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-bottom: 40px; 
}

.card {
  background: #fff;
  padding: 40px;
  border-radius: 18px;
  box-shadow: 0 15px 35px rgba(0,0,0,.08);
  transition: .3s;
}

.card:hover {
  transform: translateY(-10px);
}


.video-container {
  width: 100%;
  max-width: 1200px; 
  margin: 0 auto;
  border-radius: 18px;
  overflow: hidden; 
  box-shadow: 0 15px 35px rgba(0,0,0,.08);
}

.video-container video {
  width: 100%;
  display: block;
}


@media (max-width: 1024px) {
  .cards {
    grid-template-columns: repeat(2, 1fr); 
  }
}

@media (max-width: 600px) {
  .cards {
    grid-template-columns: 1fr; 
  }
}

.gallery{
display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:20px
}
.gallery img{
width:100%;height:320px;object-fit:cover;border-radius:18px
}

.contact{
display:grid;grid-template-columns:1fr 1fr;gap:60px
}

input,textarea{
width:100%;padding:18px;margin-bottom:20px;
border:none;background:#efefef;border-radius:10px;font-size:16px
}

button{
padding:16px 40px;border:none;background:var(--gold);
color:#fff;border-radius:50px;cursor:pointer
}

.map iframe{
width:100%;min-height:420px;border:none;border-radius:20px
}


footer{
background:var(--black);color:#fff;text-align:center;padding:40px
}


@media(max-width:900px){
.about,.contact{grid-template-columns:1fr}
.overlay h1{font-size:45px}
}

.hero{
height:100vh;
position:relative;
overflow:hidden;
}

.hero-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}